<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="" content="">
    <title>蘑菇街-③收银台</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="copyright" content="">
    <meta http-equiv="mobile-agent" content="">
    <link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/Home/css/pkg-base.css" >
    <link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/Home/css/pkg-shopnav.css" >
    <link rel="stylesheet" type="text/css" href="<?php echo __PUBLIC__?>/Home/css/pkg-cashier-v4.css" >
    	 <script type="text/javascript" src="<?php echo __PUBLIC__?>/jquery-1.8.js"></script>
    <style>
        .mgj_rightbar {display: none;}
    </style>

    
</head>

<body class="media_screen_1200">
    <!--右侧导航栏-->
    <div style="right: 0px;" class="mgj_rightbar">
        <!--空的右侧边栏-->
        <div id="mgj_rightbar_top_blank" class="mgj_rightbar_960">
        </div>
        <!--方便定margin的空div-->
        <div id="mgj_rightbar_blank_div">
        </div>
       
        <!--购物车-->
        <div style="left: 0px;" class="sidebar-item mgj-my-cart">
            <a target="_blank" href="" >
                <i class="s-icon">
                </i>
                <div class="s-txt">
                    购物车
                </div>
                <div class="num">
                </div>
            </a>
        </div>
        <!--优惠券-->
        <div class="sidebar-item mgj-my-coupon">
            <a target="_blank"  href="">
                <i class="s-icon">
                </i>
                <!--我的优惠券-->
                <div class="s-txt">
                    优惠券
                </div>
                <div class="num">
                </div>
            </a>
        </div>
        <!--钱包-->
        <div class="sidebar-item mgj-my-wallet">
            <a target="_blank" rel="nofollow" href="">
                <i class="s-icon">
                </i>
                <!--我的钱包-->
                <div class="s-txt">
                    钱包
                </div>
            </a>
        </div>
        <!--足迹-->
        <div class="sidebar-item mgj-my-browserlog">
            <a target="_blank" rel="nofollow" href="">
                <i class="s-icon">
                </i>
                <!--我的足迹-->
                <div class="s-txt">
                    足迹
                </div>
            </a>
        </div>
        <!--返回顶部-->
        <div class="sideBottom">
            <div class="sidebar-item mgj-back2top show" style="left: 0px;">
                <a href="javascript:;" rel="nofollow">
                    <i class="s-icon">
                    </i>
                </a>
            </div>
        </div>
    </div>
    <!--右侧导航栏-结束->
    <!--顶部开始-->
    <div id="header" class="header_2015" >
        <div class="wrap clearfix">
            <!-- 顶通 -->
            <a href="" class="home fl">
                蘑菇街首页
            </a>
            <ul class="header_top">
<!-- ================== -->
                <!-- 如果用户没有登录那就显示登录注册 -->
                <?php if(!Session::has('uid')){?>
                
                <li class="s1 ">
                    <a  href="<?php echo U('User/register')?>">
                        注册
                    </a>
                </li>
                <li class="s1 ">
                    <a  href="<?php echo U('User/login')?>">
                        登录
                    </a>
                </li>
                <?php }else{?>
                <!-- 如果用户已经登录那就显示用户的信息 -->
                <!-- 登陆之后出现 -->
                <li class="s1 has_icon user_meta haahah">
                    <!-- 用户昵称 -->
                    <a href="javascript:;" >
                        <?php echo $_SESSION['username']?>
                    </a>
                    <!-- 等级 -->
                    <a target="_blank" href="" >
                        <span class="level level0">
                        </span>
                    </a>
                    <i class="icon_delta">
                    </i>
                    <ol id="menu_personal" class="ext_mode">
                        <li class="s2">
                            <a href=""  target="_blank" >
                                个人设置
                            </a>
                        </li>
                        <li class="s2">
                            <a href=""  target="_blank" >
                                账号绑定
                            </a>
                        </li>
                        <!-- 退出登录 -->
                        <li class="s2">
                            <a href="<?php echo U('User/out')?>"  >
                                退出
                            </a>
                        </li>
                    </ol>
                </li>
                <!-- ===================== -->
                <li class="s1 has_line message_center">
                    <a class="ext_module mogutalk_btn J_msg open_msg micon __trace__"  href="javascript:;" rel="nofollow" >
                        消息
                        <span class="num m_num" style="display: none;">
                        </span>
                    </a>
                </li>
                
                
               <?php }?>
                <!-- ======= -->
                <!--我的订单-->
                <li class="s1 myorder has_line">
                    <a href="<?php echo U('Member/index')?>" target="_blank" class="text display_u">
                        我的订单
                    </a>
                </li>
                <!--我的订单--结束-->
                <!--我的购物车-开始-->
                <li class="s1 has_line shopping_cart_v2">
                    <a class="cart_info_wrap" href="" target="_blank">
                        <span class="cart_info">购物车</span>
                    </a>
                    <i class="icon_delta">
                    </i>
                    <!-- ==== -->
                    <!-- 顶部购物车效果 -->
                    <script type="text/javascript">
                            $(function(){
                                $('.shopping_cart_v2').mouseover(function() {
                                    $('.shop_cart_info').css({display:"block"});
                                });
                                $('.shopping_cart_v2').mouseout(function() {
                                    $('.shop_cart_info').css({display:"none"});
                                });
                            })

                    </script>
                    <!-- ===== -->
                    <div style="" class="shop_cart_info">
                        <ul>
                            <li>
                                <a href="" target="_blank" class="imgbox">
                                    <img src="<?php echo __PUBLIC__?>/Home/images/1zlav6_ifrgim3dgvqtcyrqguzdambqmeyde_640x960.jpg_100x100.jpg" alt="" width="45">
                                </a>
                                <a href="" target="_blank" class="title">
                                    加厚毛领羽绒服衣外套
                                </a>
                                <span class="info">颜色：米白 尺码：M</span>
                                <span class="price">¥244.30</span>
                                <span class="del">删除</span>
                            </li>
                        </ul>
                        <div class="subbox">
                            <div class="fr">
                                <a href="<?php echo U('Cart/index')?>" target="_blank" class="goel">
                                    查看购物车
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- </div>  -->
                    <!-- ======================================== -->
                </li>
                <!--我的购物车结束-->
                <!--客户服务-开始-->
                <li class="s1 has_line has_icon custom_item">
                    <a href=""  target="_blank">
                        客户服务
                    </a>
                    <i class="icon_delta">
                    </i>
                    <ol class="ext_mode">
                        <li class="s2">
                            <a target="_blank"  href="">
                                联系合作
                            </a>
                        </li>
                        <li class="s2">
                            <a  href="" target="_blank">
                                帮助
                            </a>
                        </li>
                    </ol>
                </li>
                <!--客户服务-结束--->
                <!--我的小店----开始-->
                <li class="s1 has_line myxiaodian">
                    <a href="" target="_blank" class="text display_u">
                        我的小店
                    </a>
                </li>
                <!--我的小店----结束-->
            </ul>
        </div>
    </div>


    <div id="body_wrap">
        <div class="g-header clearfix">
    <div class="g-header-in wrap clearfix">
        <div class="process-bar">
            <div class="md_process md_process_len4">
    <div class="md_process_wrap md_process_step3_5">
        <div class="md_process_sd"></div>
                    <i class="md_process_i md_process_i1">
                1                <span class="md_process_tip">购物车</span>
            </i>
                    <i class="md_process_i md_process_i2">
                2                <span class="md_process_tip">确认订单</span>
            </i>
                    <i class="md_process_i md_process_i3">
                3                <span class="md_process_tip">支付</span>
            </i>
                    <i class="md_process_i md_process_i4">
                                <img src="<?php echo __PUBLIC__?>/Home/images/right.png" alt="" height="23" width="23">
                                <span class="md_process_tip">完成</span>
            </i>
            </div>
</div>        </div>
        <a title="蘑菇街|我的买手街" href="" target="_blank">
            <div class="logo logo-cashier"></div>
        </a>
    </div>
</div>
 <?php foreach ($orderData as $v){?>
<div class="wrap g-wrap" id="J_proxy">
  
  
<div class="md-order-head clearfix">
    <h2 class="tit fl">
                    <span class="J_cashierTimer" data-timer="86400" data-tpl="&lt;span&gt;订单提交成功，请您于&lt;/span&gt;&lt;span class='color-red'&gt;%h时%i分%s秒&lt;/span&gt;&lt;span&gt;内完成支付&lt;/span&gt;"><span>订单提交成功，请您于</span><span class="color-red">23时59分13秒</span><span>内完成支付</span></span>
            <span class="tit-fw">(逾期订单将被取消)</span>
            </h2>
    <span class="mon fr">
        <span>应付金额：</span>
        <span class="mon-num">
            <span>¥</span> <span><?php echo $v['totalprice']?></span>
        </span>
    </span>
</div>
    <div class="md-discount" id="J_productPay">

  <style>
  	span{
  		display: inline-block;
		vertical-align: middle;
  	}
  	.tit{
  		
  		margin-right: 10px;
		font: 400 20px/84px "Microsoft YaHei";
  	}
  	.nums{
  		color: #FF3366;
  	}
  </style>
 
  <ul class="banklist-line banklist-btm">
                <!-- 余额 -->
       <span class="tit" >余额支付</span>
       <span class="paytab-hd-fw">安全可靠，便利快捷</span>
      <li class="banklist-item banklist-item-disable" >
        <i class="product-icon icon-overage"></i>
        <span class="earnname">
          余额
        </span>
        <span class="earntip">
          可用余额:<span class="num nums">15456.00</span>元
        </span>
       
                <span class="paynum payhover">
         
                    支付<span class="num">103.50</span>元
        </span>
      </li>
      <!-- 余额 end -->
    
      </ul>

</div>
<ul class="md-paytab" id="J_paytabList">

<li class="s-paytab-close slidetab J_payTab">
  <div class="paytab-hd ">
    <span class="tit">其他支付</span>
    <span class="paytab-hd-fw">支持微信支付、支付宝、银联支付等多种支付方式</span>
    <!--<i class="icon-folder"></i>-->
  </div>

  <div class="paytab-main J_paytabMain clearfix" style="display: block;">

    <!-- 支付列表 -->
    <ul class="banklist-list clearfix J_banklist" >
            <li class="banklist-item J_banklistItem J_2step2" >
        <span class="logo">
          <img src="<?php echo __PUBLIC__?>/Home/images/ubzlo_ieydqy3fgq3winjvmqytambqhayde_130x40.jpg" alt="" height="40" width="130">
        </span>
      </li>
            <li class="banklist-item J_banklistItem J_2step2" >
        <span class="logo">
          <img src="<?php echo __PUBLIC__?>/Home/images/fanxiang_ieygentdg5swkzlfmmytambqgyyde_130x40.jpg" alt="" height="40" width="130">
        </span>
      </li>
            <li class="banklist-item J_banklistItem J_2step2" >
        <span class="logo">
          <img src="<?php echo __PUBLIC__?>/Home/images/o613k_kqzfct2ekrbewvsugfjeg5sckzsew_130x40.png" alt="" height="40" width="130">
        </span>
      </li>
          </ul>
    <!-- 支付列表 end -->

  </div>
</li>

</ul><ul class="md-paytab md-paymethod" id="J_paymethod">
  <li>
    <div class="paytab-hd paymethod-hd">
      <span class="tit J_title"></span>
      <i class="icon-fastpay"></i>
      <span class="paytab-hd-fw">安全可靠，便利快捷</span>
      <a href="javascript:;" class="link J_2step1">
        <span>选择其他支付方式</span>
        <i class="icon-ankr"></i>
      </a>
    </div>

    <div class="paytab-main J_paytabMain J_paytabMain_normal clearfix">
      <!-- 快捷支付列表 -->
      <ul class="banklist-line clearfix fn-paymethodLine">
        <li class="banklist-item s-banklist-item-select">
          <span class="logo">
            <img class="J_logo" src="" alt="" height="40" width="130">
          </span>
          <span class="paynum">
           
            <span class="redbag J_rebBagBox">（已使用红包抵扣<span class="num J_redBag"></span>元）</span>
            支付<span class="num J_payApartAmount"></span>元
          </span>
        </li>
      </ul>
      <!-- 快捷支付列表 end -->

      <!-- 微信扫码 -->
      <div class="code2-wechat clearfix fn-wechat-detail">
        <div class="code-wrap">
          <img class="code J_wechatCode" src="" alt="" height="230" width="230">
        </div>
        <div class="tip">
          <h5>请使用微信扫描二维码<br>以完成支付</h5>
          <p>
            <a href="" target="_blank" class="link">详细使用帮助</a>
          </p>
          <p>（如果支付遇到问题，可<a href="" target="_blank" class="link">联系客服</a>）</p>
        </div>
      </div>

      <!-- 支付宝扫码 -->
      <div class="code2-alipay clearfix fn-alipay-detail">
        <div class="bx">
          <h5>使用支付宝钱包扫码支付</h5>
         
        </div>

        <div class="bx">
          <h5>使用电脑支付</h5>
          <div class="bx-cnt bx-cnt2">
            <div class="payicon"></div>
            <a href="javascript:;" class="btn-pay J_alipayLink">确认并付款</a>
          </div>
        </div>

        <div class="fence-line">
          <div class="fence">或</div>
        </div>
      </div>
    </div>

  </li>
</ul><div class="md-order-foot clearfix" id="J_orderFoot">
  <a href="javascript:;" class="btn-comfirm fr J_payOrder">确认并付款</a>

  <span class="mon fr">
    <span>实付金额：</span>
    <span class="mon-num">
      <span>¥</span>
      <span class="J_payAmount" id="J_OrderData">
       <?php echo $v['totalprice']?>      </span>
    </span>
  </span>
</div></div>    </div>
<?php }?>
    <div class="g-footer">
    <p >
        <a href="" target="_blank">蘑菇街</a> |
        <a href="" target="_blank">加入开放平台</a>
        © 2015 Mogujie.com,All Rights Reserved.
    </p>
    <div class="icons">
        <a class="vs" href="javascript:;"></a>
        <a class="mc" href="javascript:;"></a>
        <a class="up" href="javascript:;"></a>
        <a class="pa" href="" target="_blank"></a>
        <a class="kx" href="" target="_blank"></a>
        <a class="pc" href="" target="_blank"></a>
    </div>
</div>

</body>
</html>